<!-- 职责制度 -->
<template>
	<view class="zhizezhidu">
			123
	</view>
</template>
<script>
	export default {
		name:'zhizezhidu',
		data() {
		        return {
		            dataList1: [],//村情简介
					dataList2:[],//组织架构
		            current: 0,
		            mode: 'nav',
					navList:[
						{
							navname:'村情简介'
						},
						{
							navname:'组织架构'
						}
					],
					currentIndex:0
					
		        }
		    },
		    methods: {
		        change(e) {
		            this.current = e.detail.current;
		        },
				clickNav(inde){
					this.currentIndex = inde
					// console.log(this.$el.querySelectorAll('.swiper-container'))
					 this.$el.querySelectorAll('.swiper-container').forEach((item,index)=>{
						if(index === this.currentIndex){
							item.style.display = "block"
						}else{
							item.style.display = "none"
						}
					}) 
				},
				//获取数据村情简介数据
				getPageCunQin() {
					this.$http.getCunQingJianJie({
							type: 'pageItemOne'
						})
						.then(res => {
							this.loading =false
							const {
								data,
								msg
							} = res
							this.dataList1 = data
                            console.log(data)
						})
				},
				//获取数据组织架构数据
				getPageZuZhi() {
					this.$http.getCunQingJianJie({
							type: 'pageItemTow'
						})
						.then(res => {
							this.loading =false
							const {
								data,
								msg
							} = res
							this.dataList2 = data
							
				
						})
				},
		    },
		created() {
		 this.getPageCunQin()//获取数据村情简介数据
		 this.getPageZuZhi()//获取数据组织架构数据
		},
		
	}
</script>

<style lang="scss" scoped>
	  @import '@/common/css/public.scss';
	 
</style>
